<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
	
<link rel="icon" href="./images/favicon.jpg">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/font-awesome.min.css">
<link
<title>实现二级菜单</title>
<head>
	<script type="text/javascript" src="js/manage.js" ></script>
</head>
<link
<body>

<div style="width:630px;float:left;height:500px;">
	<div style="float:left;height:500px;width:150px;">
		<ul style="padding:0px;margin:0ox;">
			<li id="LI0" style="float:left;background:#ccc;margin-top:5px;width:140px;">
				<a href="#" onclick=show("cont0")
				>第一个内容</a>
            	
			</li>
			<li id="LI0" style="float:left;background:#ccc;margin-top:5px;width:140px;">
				
				<a data-toggle="collapse" data-parent="#accordion" 
                href="#collapseTwo" href="#" onclick="document.getElementById('cont3').style.display='block';document.getElementById('cont1').style.display='none';document.getElementById('cont0').style.display='none'">
                	信息管理
            	</a>
            	
			</li>
			<li id="LI1" style="float:left;background:#ccc;margin-top:5px;width:140px;">
				<a href="#" onclick="document.getElementById('cont1').style.display='block';document.getElementById('cont0').style.display='none';document.getElementById('cont3').style.display='none'"
				>第二个内容</a>
			</li>
		</ul>
	</div>
	<div style="float:left;width:430px;background:#eee;height:500px;">
		<div id="cont0" style="float:left;width:430px;height:500px;float:left;display:none">
			第一个内容
			第一个1内容
			第一个内容
			第一个内容
			第一个内容
			第一个内容
			第一个内容
		</div>
		<div id="cont3" style="float:left;width:430px;height:500px;float:left;display:none">
			hello
			第一个内容
		</div>
		<div id="cont1" style="float:left;width:430px;height:500px;float:left;display:none">
			第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容 第二个内容
			第二个内容
		</div>
	</div>
<div>

</body>
</html>